﻿<%@ page contentType="text/html;charset=utf-8" language="java" import="java.sql.*" errorPage="" %>
<html>
<%@ taglib uri="/WEB-INF/tld/struts-html.tld" prefix="html"%>
<%@ taglib uri="/WEB-INF/tld/struts-bean.tld" prefix="bean"%>
<%@ taglib uri="/WEB-INF/tld/struts-logic.tld" prefix="logic"%>
<head>

<title>ATM-国际化语音提示</title>

</head>

<link href="css/css.css" type="text/css" rel="stylesheet">

<body> 
	<script type="text/javascript"  language="javascript"> 	
		var cardNO = <%=session.getAttribute("cardNO")%>;
   		  	if(cardNO==null) {
   		  	   alert("<bean:message key="out.second" />");
   		  	   document.location.href="index.jsp";
		}
	</script>
<div id="container">
	<div id="banner">
		<table width="800px" height="170px" cellSpacing="0" cellPadding="0" align="center" background="images/banner.jpg">
  			<tr>
  				<td>
					<div id="scrollContainer" style="width:100%;overflow:hidden;margin-top:120">
							<div id="scrollContent" style="width:200%;height:20%">
								<!-- 字幕的内容 -->
								<table cellspacing="0" cellpadding="0" border="0" width="100%">
									<tr style="margin-top:0pt">
										<td id="firstCol" width="50%" align="top">											
											<p><font size="4" face="隶书"><b>欢迎光临中国工商银行</b></font></p>
										</td>
										<td id="lastCol" width="50%"></td>
									</tr>
								</table>
							</div>
						</div>
  				</td>
  			</tr>
  		</table>
	</div>
  	<div id="leftbar">
  		<div id="left1">
  			<div class="tab">
				<img style="margin-right:10px;" src="images/dot.gif" border=0/>国际化语音提示
			</div>
		<form class="form1" name="voicePromptForm" action="voicePromptAction.do" method="post">
		<p><font color="red">*</font> 请选择语言种类：</p>
	   		<input type="radio" name="international" value="Chinese" checked="checked"/>中文<br>
	        <input type="radio" name="international" value="English"/>English
		<p><font color="red">*</font> 是否需要语音提示：</p>
	   		<input type="radio" id="tip" name="tip" value="yes"/>是<br>
	        <input type="radio" id="tip" name="tip" value="no" checked="checked"/>否<br><br>
			<input type="submit" name="submit" value="确 认" class="input1" onClick=""/>
    	</form>
    	</div>
    	<div id="left2">
			<div class="tab">
				<img style="margin-right:10px;" src="images/dot.gif" border=0/>联系我们
			</div>
			<div>
				<p class="p2">客服24小时热线：<font color="red">95588</font></p>
				<p class="p2">信用卡24小时专线：<font color="red">40088</font></p>
			</div>
		</div>
    </div>
	<div id="content">
		<div id="center">
					<p class="label1"><img src="images/tip.gif">&nbsp;工商银行简介</p>
					<div style="text-align:left; margin-top:20px; margin-left:35px;">
						<p style="font-size:14px;">中国工商银行(ICBC)</p>
						<p style="font-size:14px;">全称：中国工商银行股份有限公司</p>
						<p style="font-size:14px;">Industrial and Commercial Bank of China Limited</p>
						<p style="font-size:14px;">成立于1984年,是中国最大的商业银行之一</p>
						<p style="font-size:14px;">是中国五大银行之一，世界五百强企业之一</p>
						<p style="font-size:14px;">上市公司，拥有中国最大的客户群</p>
						<p style="font-size:14px;">上证A股：工商银行（601398）</p>
						<p style="font-size:14px;">客户服务电话：95588</p>
					</div>
				</div>
				<div id="rightbar">
					<div id="right1">
						<div class="tab">
							<img style="margin-right:10px;" src="images/dot.gif" border=0/>欢迎光临
						</div>
						<div>
							<p style="font-family:幼圆;">您好，${customerName}
								<a href="exitAction.do?method=exit" style="color:blue;">[登出]</a>
							</p>
						</div>
					</div>
					<div>
						<img src="images/logo.gif" border=0 />
					</div>
					<div>
						<img src="images/ad4.gif" border=0 />
					</div>
					<div id="right2">
						<div class="tab">
							<img style="margin-right:10px;" src="images/dot.gif" border=0/>友情链接
						</div>
						<div>
							<p><a href="http://www.icbc.com.cn/icbc/"  class="p3">中国工商银行</a></p>
							<p><a href="http://www.boc.cn/"  class="p3">中国银行</a></p>
							<p><a href="http://www.95599.cn/cn/"  class="p3">中国农业银行</a></p>
							<p><a href="http://www.ccb.com/cn/home/index.html"  class="p3">中国建设银行</a></p>
						</div>
					</div>
				</div>
			</div>
			<div id="footer">
				<p style="margin-top:5px; margin-bottom:5px;">© 版权所有 中国工商银行版权所有</p>
				<p style="margin-top:0 px; padding-top:0px;">网站声明&nbsp;&nbsp;|&nbsp;&nbsp;
				服务网点&nbsp;&nbsp;|&nbsp;&nbsp;
				网站地图&nbsp;&nbsp;|&nbsp;&nbsp;
				联系我们</p>
			</div>
		</div>
<script type="text/javascript" language="javascript">
    var stopscroll = false;
    var scrollSpeed = 5; //这个参数用来确定滚动速度的，数值越小滚动速度越快
    var scrollContainer = document.getElementById("scrollContainer"); //获取scrollContainer
    var scrollContent = document.getElementById("scrollContent");//获取scrollContent
    var firstCol = document.getElementById("firstCol");
    var lastCol = document.getElementById("lastCol");   
    lastCol.innerHTML = firstCol.innerHTML;//注意这里，将第一列的内容复制到第二列，这样可以保证滚动看起来更连续
    scrollContainer.noWrap = true;  
    //下面是两个事件：[01]鼠标经过，停止滚动[02]鼠标离开，开始滚动
    scrollContainer.onmouseover = new Function("stopscroll=true;"); 
    scrollContainer.onmouseout = new Function("stopscroll=false;");    
    //进行初始化
    function init(){
    	scrollContainer.scrollLeft = 0;
    	setInterval("scrollLeft()", scrollSpeed);//按时间间隔不断执行函数scrollLeft()
    }
    init(); 
    //下面就是改变滚动位置，如果滚出区域，则判断当前位置进行初始化调整
    var currLeft = 0;
    function scrollLeft(){
    	if(stopscroll == true) 
    		return; //如果变量"stopscroll"为真，则停止滚动
    	
    	currLeft = scrollContainer.scrollLeft;
    	scrollContainer.scrollLeft += 1;//每次左移一个像素
    	//如果滚动到最左侧了就初始化
    	if(currLeft == scrollContainer.scrollLeft){
    		scrollContainer.scrollLeft = 1;
    		//scrollContainer.scrollLeft += 1;
    	}
    }
</script>
</body>
</html>